<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->

	<!-- BEGIN HEAD -->

	<head>

		<meta charset="utf-8" />

		<title>菜单管理</title>

		<!-- IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 设置 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 兼容国产浏览器的高速模式 -->
		<meta name="renderer" content="webkit">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- BEGIN 全局样式 -->
		<!--重置样式-->
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link href="../../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<!-- END 全局样式 -->

		<link rel="stylesheet" type="text/css" href="../../lib/ztree/css/metroStyle/metroStyle.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrapvalidator/dist/css/bootstrapValidator.css" />
		<style type="text/css">
			.ztree li span.button.add {
				margin-left: 2px;
				margin-right: -1px;
				background-position: -144px 0;
				vertical-align: top;
				*vertical-align: middle
			}
			
			.ztree * {
				font-size: 14px !important;
			}
		</style>
	</head>

	<!-- END HEAD -->

	<!-- BEGIN BODY -->

	<body class="">
		<div class="content_wrap">
			<p>
				<input type="checkbox" id="callbackTrigger" checked class="hide"/>
				<a id="addParent" href="#" title="增加父节点" onclick="return false;" class="btn btn-success">增加菜单</a> 
				<!--<a id="addLeaf" href="#" title="增加叶子节点" onclick="return false;" class="btn btn-success">增加叶子节点</a>--> 
				<a id="edit" href="#" title="编辑名称" onclick="return false;" class="btn btn-warning">编辑菜单</a> 
				<a id="remove" href="#" title="删除节点" onclick="return false;" class="btn btn-danger">删除菜单</a> 
				<!--<a id="clearChildren" href="#" title="清空子节点" onclick="return false;" class="btn btn-success">清空子节点</a>--> 
				<ul id="log" class="log"></ul>
			</p>
			
			<div class="zTreeDemoBackground left">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
			
		</div>
		
		<!--新增编辑模态框sss-->
		<div class="modal fade" tabindex="-1" role="dialog" id="menuOption">
			<form action="#" id="form">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
			        <h4 class="modal-title">配置</h4>
			      </div>
			      <div class="modal-body">
			      	
			      		<div class="form-group">
						    <label for="pid">父id</label>
						    <input type="number" class="form-control" id="pid"  name="pid" readonly="readonly">
					    </div>
				        <div class="form-group">
						    <label for="name">菜单名</label>
						    <input type="text" class="form-control" id="name"  name="name">
						</div>
					    <div class="form-group">
						    <label for="icon_name">icon类名</label>
						    <input type="text" class="form-control" id="icon_name"  name="icon_name">
					    </div>
					    <div class="form-group">
						    <label for="url">url地址</label>
						    <input type="text" class="form-control" id="url"  name="url">
						</div>
			      		<div class="form-group">
						    <label for="show">是否显示</label>
						    <select name="show" id="show" class="form-control">
						    	<option value="1" selected="selected">显示</option>
						    	<option value="0">不显示</option>
						    </select>
						    
						</div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			        <button type="button" class="btn btn-primary btn-save">保存</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
		    </form>
		</div><!-- /.modal -->
		<!--新增编辑模态框eee-->
		<!--核心脚本sss-->
		<script src="../../lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/layer/2.4/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/laypage/1.2/laypage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrapvalidator/dist/js/bootstrapValidator.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件sss 必须放在jquery.myPlugIn_v1.0.js前面-->
		<script src="../../js/common/jsrsasign-all-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/crypto-js.min.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件eee-->
		<!--已定义脚本库-->
		<script src="../../js/common/jquery.myPlugIn_v1.0.js" type="text/javascript" charset="utf-8"></script>
		<!--兼容ie低版本的本地存储插件-->
		<script src="../../js/common/localstorage-ie.js" type="text/javascript" charset="utf-8"></script>

		<!--[if lt IE 9]>
		<script src="../../js/excanvas.min.js"></script>
		<script src="../../js/respond.min.js"></script>  
		<![endif]-->
		<!--核心脚本eee-->
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.core-3.5.js"></script>
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.excheck-3.5.js"></script>
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.exedit-3.5.js"></script>
		<script src="menuManage.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>